
<body>
   Actualizar Accidente
   <table align="center">
                <tr>
                    <td>
                        Id Accidente
                    </td>
                    <td>
                        <input name="id_accidente" id="id_accidente"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        Tipo Accidente
                    </td>								
                    <td>
                        <input name="tipo_accidente" id="tipo_accidente"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Fecha
                    </td>								
                    <td>
                        <input name="fecha" id="fecha"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        Hora
                    </td>								
                    <td>
                        <input name="hora" id="hora"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        turno
                    </td>								
                    <td>
                        <input name="turno" id="turno"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Causa
                    </td>								
                    <td>
                        <input name="causa" id="causa"/>
                    </td>
                </tr>
                  <tr>
                    <td>
                        direccion
                    </td>								
                    <td>
                        <input name="direccion" id="direccion"/>
                    </td>
                </tr>
                  <tr>
                    <td>
                        parroquia
                    </td>								
                    <td>
                        <input name="parroquia" id="parroquia"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Municipio
                    </td>								
                    <td>
                       <input name="municipio" id="municipio"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        estado
                    </td>								
                    <td>
                       <input name="estado" id="estado"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        Observaciones
                    </td>								
                    <td>
                        <input name="observaciones" id="observaciones"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        funcionario guardia
                    </td>								
                    <td>
                        <input name="placa_funcionario_guardia" id="placa_funcionario_guardia"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        funcionario auxiliar
                    </td>								
                    <td>
                        <input name="placa_funcionario_auxiliar" id="placa_funcionario_auxiliar"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <p>
                            <span class="art-button-wrapper">
                                <span class="art-button-l"> </span>
                                <span class="art-button-r"> </span>
                                <a style="cursor: pointer;" class="art-button" href="javascript:guardar()">Guardar</a>
                            </span>
                        </p>
                    </td>
                    <td>
                        <p>
                            <span class="art-button-wrapper">
                                <span class="art-button-l"> </span>
                                <span class="art-button-r"> </span>
                                <a class="art-button" style="cursor: pointer;" href="javascript:limpiar()">Limpiar</a>
                            </span>
                        </p>
                    </td>
                </tr>
            </table>
            <div id="respuesta"></div> 
            
   <script>
               
  function guardar(){			
           
            //Con jquery obtengo los id de cada input que estan en mi pagina html.
            var params = {
                id_accidente: $("#id_accidente").get(0).value,
                tipo_accidente: $("#tipo_accidente").get(0).value,
                fecha: $("#fecha").get(0).value,
                hora: $("#hora").get(0).value,
                turno: $("#turno").get(0).value,
                causa: $("#causa").get(0).value,
                direccion: $("#direccion").get(0).value,
                parroquia: $("#parroquia").get(0).value,
                municipio: $("#municipio").get(0).value,
                estado: $("#estado").get(0).value,
                observaciones: $("#observaciones").get(0).value,
                placa_funcionario_guardia: $("#placa_funcionario_guardia").get(0).value,
                placa_funcionario_auxiliar: $("#placa_funcionario_auxiliar").get(0).value,
                accion : 'actualizar'
            }			
            $("#respuesta").load("../controladores/AccidenteControlador.php", params, function(){	
                
                console.log("recibidos los datos por ajax");
            });
        }                 
    $("#fecha" ).datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true
        });
 
 </script>         
</body>

